.px2rem(@name,@px){
    @{name}: @px / 75px * 1rem 
}
body{
    background: #f0f0f0;
}
.header{
    width: 100%;
    .px2rem(height,300);
    z-index: 90;
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .px2rem(margin-bottom,30);
    color: white;
    background: #0bb59a;
    p:nth-child(1){
        width: 10%;
        img{
            .px2rem(padding,75);
            width: 40%;
        }
    }
    p:nth-child(2){
       .px2rem(font-size,100)
    }
    p:nth-child(3){
       width: 10%;
    }
}
.mui-switch {
  
  width: 52px;
  height: 31px;
  position: relative;
  border: 1px solid #dfdfdf;
  background-color: #fdfdfd;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  border-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  outline: none; }
  .mui-switch:before {
    content: '';
    width: 29px;
    height: 29px;
    position: absolute;
    top: 0px;
    left: 0;
    border-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
  .mui-switch:checked {
    border-color: #64bd63;
    box-shadow: #64bd63 0 0 0 16px inset;
    background-color: #64bd63; }
    .mui-switch:checked:before {
      left: 21px; }

.content{
    z-index: 60;
    .px2rem(margin-top,300);
    div{
        .px2rem(padding,40);
        background: white;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .px2rem(margin-bottom,20);
        .px2rem(font-size,90);
    }
}
.newmessage_bottom{
    background: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .px2rem(padding,30);
    .px2rem(margin-top,20);
    p:nth-child(2){
        display: flex;
        justify-content: flex-end;
        align-items: center;
        color: #c1c1c1;
    }
}